<template>
  <el-dialog
    append-to-body
    title="【申请平台介入】处理记录"
    :visible.sync="dialogVisible"
    align="left"
    v-loading="currLoading"
    element-loading-text="拼命加载中"
    element-loading-spinner="el-icon-loading"
    element-loading-background="rgba(0, 0, 0, 0.8)"
    width="800px">
    <div>
      <el-table
        :data="tableData"
        style="width: 100%">
        <el-table-column
          prop="tagName"
          label="步骤名称"
          width="150">
        </el-table-column>
        <el-table-column
          prop="content"
          label="详细">
          <template slot-scope="scope">
            {{ scope.row.content?scope.row.content:'-' }}
          </template>
        </el-table-column>
        <el-table-column
          prop="createdTime"
          label="时间"
          width="150">
        </el-table-column>
      </el-table>
    </div>

  </el-dialog>
</template>

<script>
export default {
  name: 'ShowSystemApplyLogDialog',
  props:{
    successFunction:Function
  },
  data: function () {
    return {
      dialogVisible: false,
      currLoading:false,
      tableData:[],
      form:{
        params:0,
        type:'',
      }
    }
  },
  mounted () {
  },
  methods: {
    open: function (params,type) {
      this.form.params=params
      this.form.type=type
      this.getDetail()
      this.$forceUpdate()
    },
    getDetail:function () {
      let $this=this
      $this.currLoading = true

      $this.MyRequest($this.ApiDoNameSupplier + 'SupplierOrderApply/getSystemApplyLogList', this.form, function (data) {
        $this.tableData=data
        $this.dialogVisible=true
        $this.currLoading = false
        $this.$forceUpdate()
      }, function () {
        $this.$message.success('操作失败，请重试')
        $this.currLoading = false
        $this.$forceUpdate()
      })
    },
  }
}
</script>

<style scoped>

</style>
